import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { Card, Button } from 'antd-mobile'

function Index() {
    const xuan = useNavigate()
    const back = useNavigate()
    return (
        <div>
            <NavBar onBack={() => back(-1)}>订单详情</NavBar>

            <h4>订单编号:E3648945694849</h4>

            <div className='pp'>
                <div style={{ height: '90px' }}>
                    <p>05月13日  周一</p>
                </div>
                <h2>21:03</h2>
                <span>合肥南</span>
                <span>1h12m</span>
                <span>D3212</span>
                <h2>21:03</h2>
                <span>合肥南</span>
            </div>
            {/* 乘车下单 */}
            <div>
                <Card title='郑子豪  成人票 超级会员'>
                    <p>身份证  155688********2322...............................￥361.5</p>
                    <p>二等座  01车07c号 ...................................................已出票</p>
                </Card>

                <Card title='郑子豪  成人票 超级会员'>
                    <p>身份证  155688********2322...............................￥361.5</p>
                    <p>二等座  01车07c号 ...................................................已出票</p>
                </Card>

                <Card title='优享出票服务'>
                    <p>￥20/2人, 送5元用车立减劵+20.5万超值保险套餐</p>
                </Card>

                <Card title='火车票退票险'>
                    <p>￥20/2人, 最高赔付100%退票手续费</p>
                </Card>

                <Card title='夜间预约费'>
                    <p>￥20/2人, 每日11:00-6:00购票加收预约费</p>
                </Card>

                <Card title='抢票加速包'>
                    <p>￥20/2人, 高速带宽带提升抢票成功率</p>
                </Card>
            </div>

            <div className='aa'>
                <Button shape='default' color='primary'>
                    退票
                </Button>
                <Button shape='default' color='primary' onClick={() => xuan('/xuan')}>
                    改签
                </Button>
            </div>
        </div>
    )
}

export default Index
